<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表</title>
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			/*
			 * 翻页时不能点击的给a标签添加class名为fontColor
			 */
			table tr td a:hover{
				color: #139FF0;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<div class="top">
				<div class="topLeft">
					<input type="text" class="input_frame" placeholder="门店名称" />
					<select class="province">
						<option>-- 省 --</option>
					</select>
					<select class="city">
						<option>-- 市 --</option>
					</select>
					<select class="district">
						<option>-- 区 --</option>
					</select>
					<input type="button" name=""  value="搜索" class="btn" />
				</div>
				<div class="topRight">
					<input type="button" value="新增" class="btn"/>
				</div>
			</div>
			<div class="tableList">
				<table border="1" style="border: solid 1px #e1e1e1">
					<thead>
						<tr>
							<th>编号</th>
							<th>名称</th>
							<th>所属区域</th>
							<th>区域编码</th>
							<th>登录账号</th>
							<th>创建时间</th>
							<th>状态</th>
							<!--<th>操作</th>-->
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>123456789</td>
							<td><a href="javascript:;" title="查看详情">江湖</a></td>
							<td>霹雳门</td>
							<td>222333</td>
							<td>123456789885</td>
							<td>2018-12-12</td>
							<td>通过</td>
							<!--<td><a href="javascript:;" class="operation">删除</a></td>-->
						</tr>
						<tr>
							<td>123456789</td>
							<td><a href="javascript:;" title="查看详情">江湖</a></td>
							<td>霹雳门</td>
							<td>222333</td>
							<td>123456789885</td>
							<td>2018-12-12</td>
							<td>通过</td>
							<!--<td><a href="javascript:;" class="operation">删除</a></td>-->
						</tr>
					</tbody>
				</table>
			</div>
			<div class="footer">
				<a href="javascript:;">首页</a><a href="javascript:;">上一页</a><input type="text" />/<span>100</span><a href="javascript:;" class="fontColor">下一页</a><a href="javascript:;" class="fontColor">尾页</a>
			</div>
		</div>
	</body>
</html>
